<?php $this->pageTitle = 'About - BusinessJots'; 
$this->metaKeywords = 'these, are, my, sample, page, meta, keywords';
$this->metaDescription = 'This is a sample page description';
$this->addMetaProperty('fb:app_id',Yii::app()->params['fbAppId']);
$this->canonical = "about"; // canonical URLs should always be absolute
?>

	<div class="row">
		<div class="twelve columns">
			<h1 class="title stressborder">Our Work</h1>
			<hr>
		</div>
	</div>
	<!-- Portfolio Categories
	================================================== -->
	<div class="row">
		<div class="twelve columns">
			<section id="options" class="clearfix">
			<!-- #filter -->
			<ul id="filter">
				<li id="all" class="portofoliobutton current"><a href="#" data-filter="*">Show all</a></li>
				<li><a href="#" data-filter=".forest" title="View all items filed under Forest">Web Print</a>
				</li>
				<li><a href="#" data-filter=".houses" title="View all items filed under Houses">Design</a>
				</li>
				<li><a href="#" data-filter=".meditation" title="View all items filed under Meditation">Commercial</a>
				</li>
				<li><a href="#" data-filter=".nature" title="View all items filed under Nature">Personal</a>
				</li>
				<li><a href="#" data-filter=".trains" title="View all items filed under Trains">Training</a>
				</li>
			</ul>
			</section>
		</div>
	</div>
	<div class="minipause">
	</div>
	<!-- Portfolio 2 Columns
	================================================== -->
	<div id="container" class="row">
		<ul id="ulportfolio">
			<!--BEGIN .item -->
			<li class="six columns item nature meditation">
			<div class="filterable-portfolio">
				<!-- .post-details -->
				<h5 class="portfoliotitle"><a href="singleproject.html">Ideology</a></h5>
				<p>
					 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.
				</p>
				<!-- /.post-details -->
				<div class="roll">
					<div class="innerp">
						<p>
							 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed orci nulla, lacinia nec cursus eget, blandit vitae libero. Pellentesque vel diam libero, in molestie metus consectetur adipisicing.
						</p>
						<p>
							<a class="button" href="#">Visit Project +</a>
						</p>
					</div>
				</div>
				<img src="../serenity/img/temp/masonry/1.jpg" class="attachment-portfolio2-thumb" alt=""/>
			</div>
			</li>
			<!--END .item -->
			<!--BEGIN .item -->
			<li class="six columns item houses">
			<div class="filterable-portfolio">
				<!-- .post-details -->
				<h5 class="portfoliotitle"><a href="singleproject.html" title="Permanent Link to Relaxation">Silence</a></h5>
				<p>
					 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.
				</p>
				<!-- /.post-details -->
				<div class="roll">
					<div class="innerp">
						<p>
							 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed orci nulla, lacinia nec cursus eget, blandit vitae libero. Pellentesque vel diam libero, in molestie metus consectetur adipisicing.
						</p>
						<p>
							<a class="button" href="#">Visit Project +</a>
						</p>
					</div>
				</div>
				<img src="../serenity/img/temp/masonry/10.jpg" class="attachment-portfolio2-thumb" alt=""/>
			</div>
			</li>
			<!--END .item -->
			<!--BEGIN .item -->
			<li class="six columns item houses">
			<div class="filterable-portfolio">
				<!-- .post-details -->
				<h5 class="portfoliotitle"><a href="singleproject.html" title="Permanent Link to Nostalgia">Real Estate</a></h5>
				<p>
					 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.
				</p>
				<!-- /.post-details -->
				<div class="roll">
					<div class="innerp">
						<p>
							 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed orci nulla, lacinia nec cursus eget, blandit vitae libero. Pellentesque vel diam libero, in molestie metus consectetur adipisicing.
						</p>
						<p>
							<a class="sbutton shadow small green" href="#">Visit Project +</a>
						</p>
					</div>
				</div>
				<img src="../serenity/img/temp/masonry/3.jpg" class="attachment-portfolio2-thumb" alt=""/>
			</div>
			</li>
			<!--END .item -->
			<!--BEGIN .item -->
			<li class="six columns item houses meditation">
			<div class="filterable-portfolio">
				<!-- .post-details -->
				<h5 class="portfoliotitle"><a href="singleproject.html" title="Permanent Link to Planet Earth">Monuments</a></h5>
				<p>
					 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.
				</p>
				<!-- /.post-details -->
				<div class="roll">
					<div class="innerp">
						<p>
							 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed orci nulla, lacinia nec cursus eget, blandit vitae libero. Pellentesque vel diam libero, in molestie metus consectetur adipisicing.
						</p>
						<p>
							<a class="button" href="#">Visit Project +</a>
						</p>
					</div>
				</div>
				<img src="../serenity/img/temp/masonry/9.jpg" class="attachment-portfolio2-thumb" alt=""/>
			</div>
			</li>
			<!--END .item -->
			<!--BEGIN .item -->
			<li class="six columns item house meditation">
			<div class="filterable-portfolio">
				<!-- .post-details -->
				<h5 class="portfoliotitle"><a href="singleproject.html" title="Permanent Link to Mystery House">Television</a></h5>
				<p>
					 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.
				</p>
				<!-- /.post-details -->
				<div class="roll">
					<div class="innerp">
						<p>
							 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed orci nulla, lacinia nec cursus eget, blandit vitae libero. Pellentesque vel diam libero, in molestie metus consectetur adipisicing.
						</p>
						<p>
							<a class="button" href="#">Visit Project +</a>
						</p>
					</div>
				</div>
				<img src="../serenity/img/temp/masonry/5.jpg" class="attachment-portfolio2-thumb" alt=""/>
			</div>
			</li>
			<!--END .item -->
			<!--BEGIN .item -->
			<li class="six columns item forest">
			<div class="filterable-portfolio">
				<!-- .post-details -->
				<h5 class="portfoliotitle"><a href="singleproject.html" title="Permanent Link to Green Nature">Clients</a></h5>
				<p>
					 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.
				</p>
				<!-- /.post-details -->
				<div class="roll">
					<div class="innerp">
						<p>
							 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed orci nulla, lacinia nec cursus eget, blandit vitae libero. Pellentesque vel diam libero, in molestie metus consectetur adipisicing.
						</p>
						<p>
							<a class="button" href="#">Visit Project +</a>
						</p>
					</div>
				</div>
				<img src="../serenity/img/temp/masonry/6.jpg" class="attachment-portfolio2-thumb" alt=""/>
			</div>
			</li>
			<!--END .item -->
			<!--BEGIN .item -->
			<li class="six columns item forest meditation">
			<div class="filterable-portfolio">
				<!-- .post-details -->
				<h5 class="portfoliotitle"><a href="singleproject.html" title="Permanent Link to Masterpiece">Building</a></h5>
				<p>
					 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.
				</p>
				<!-- /.post-details -->
				<div class="roll">
					<div class="innerp">
						<p>
							 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed orci nulla, lacinia nec cursus eget, blandit vitae libero. Pellentesque vel diam libero, in molestie metus consectetur adipisicing.
						</p>
						<p>
							<a class="button" href="#">Visit Project +</a>
						</p>
					</div>
				</div>
				<img src="../serenity/img/temp/masonry/7.jpg" class="attachment-portfolio2-thumb" alt=""/>
			</div>
			</li>
			<!--END .item -->
			<!--BEGIN .item -->
			<li class="six columns item forest trains">
			<div class="filterable-portfolio">
				<!-- .post-details -->
				<h5 class="portfoliotitle"><a href="singleproject.html" title="Permanent Link to Old Times">Carera</a></h5>
				<p>
					 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do.
				</p>
				<!-- /.post-details -->
				<div class="roll">
					<div class="innerp">
						<p>
							 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed orci nulla, lacinia nec cursus eget, blandit vitae libero. Pellentesque vel diam libero, in molestie metus consectetur adipisicing.
						</p>
						<p>
							<a class="button" href="#">Visit Project +</a>
						</p>
					</div>
				</div>
				<img src="../serenity/img/temp/masonry/8.jpg" class="attachment-portfolio2-thumb" alt=""/>
			</div>
			</li>
			<!--END .item -->
		</ul>
	</div>
	<div class="clear">
	</div>
	<div class="hr">
	</div>
	<?php $this->renderPartial("_newsLetter"); ?>
    <br/>
